<template>
    <div class="alls clearfix">
        <swiper class="swiper clearfix"></swiper>
        <!-- 搜索框 -->
        <div class="position-wrap clearfix">
            <search></search>
        </div>
        <div class="entryChildren clearfix">
            <entryChildren></entryChildren>
        </div>
        <!-- main容器 -->
        <mainWrap class="mainWrap"></mainWrap>
        <!-- footer -->
        <footers class="clearfix"></footers>
    </div>
</template>

<script>
// 轮播
import swiper from '../components/home/swiper.vue'
// 搜索
import search from '../components/home/search.vue'
import mainWrap from '../components/home/main.vue'
// footer
import footers from '../commonality/Footer.vue'

import entryChildren from '../components/home/mainChildren/entryTitle.vue'
export default {
    name: 'home',
    data() {
        return {
            
        };
    },
    components:{
       swiper,
       search,
       mainWrap,
       footers,
       entryChildren
    },
    mounted() {
        
    },
    methods: {
       
    },
    created(){
    }
};
</script>

<style lang="scss" scoped>
.alls{
    margin-top:70px ;
    width: 100%;
    min-width: 1200px;
    .swiper{
        width: 100%;
        box-sizing: border-box;
    }
    .mainWrap{
        width: 100%;
    }
}
.position-wrap{
    position: relative;
}
.entryChildren{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index:8;
    top: -140px;
}
</style>